<script setup lang="ts">
const props = defineProps(['pageNo'])
const emits = defineEmits(['update:pageNo'])
const handler = () => {
  emits('update:pageNo', props.pageNo + 10)
}
</script>

<template>
  <div class="son2">
    <p>{{ pageNo }}</p>
    <button @click="handler" />
  </div>
</template>

<style scoped>
.son2 {
  width: 300px;
  height: 300px;
  background: hotpink;
}
button {
  width: 50px;
  height: 50px;
}
</style>
